<!DOCTYPE html>
<html lange="en">
  <head>
    <script
      type="text/javascript"
      src="https://sandbox.web.squarecdn.com/v1/square.js"
    ></script>
    <meta charset="utf-8" />
    <title>Square Web Payments Quickstart</title>
    <link href="app.css" rel="stylesheet" />
  </head>

  <body>
    <div id="landing-page-layout">
      <h2 id="its-working">It's working!</h2>
      <h1>Welcome to the Web Payments SDK Quickstart</h1>
      <p>
        To get started, we recommend following our
        <a target="_blank" href="/">Quickstart guide</a>.
      </p>
      <p>
        If you need more detail on a method or object, we also have a
        <a
          target="_blank"
          href="https://developer.squareup.com/reference/sdks/web/payments"
          >technical reference</a
        >.
      </p>

      <div id="example-container">
        <h3>Examples</h3>
        <p>
          These example implementations can be used as a reference or as the
          base for your own implementation. For these to work, you'll need to
          set your
          <a target="_blank" href="https://developer.squareup.com/apps"
            >applicationId and locationId</a
          >.
        </p>
        <ul id="example-list">
          <li>
            <a href="/examples/card.html">Card Payments</a>
          </li>
          <li>
            <a href="/examples/card-payment-with-verification.html"
              >Card Payments with SCA</a
            >
          </li>
          <li>
            <a href="/examples/card-on-file-with-verification.html"
              >Card on File with SCA</a
            >
          </li>
          <li>
            <a href="/examples/payment-with-card-on-file-and-verification.html"
              >Payments with Card on File and SCA</a
            >
          </li>
          <li>
            <a href="/examples/apple-pay.html">Apple Pay</a>
          </li>
          <li>
            <a href="/examples/google-pay.html">Google Pay</a>
          </li>
          <li>
            <a href="/examples/payment-request.html">Payment Request</a>
          </li>
          <li>
            <a href="/examples/ach.html">ACH Bank Transfer</a>
          </li>
          <li>
            <a href="/examples/gift-card.html">Gift Card Payments</a>
          </li>
          <li>
            <a href="/examples/card-styling-simple.html">Card Styling</a>
          </li>
        </ul>
      </div>
    </div>
  </body>
</html>
